<template>
  <div class="agreement">
    <!------------------------------------------------------Login返回导航------------------------------------------------------------------>
    <van-tabs color="#D7B782" sticky>
      <van-tab title="帐号使用协议">
        <van-panel
          title="欢迎您注册、使用帐号！"
          desc="本协议系您与本公司就帐号的注册和使用而订立的。在此特别提醒您认真阅读、充分理解本协议各条款，特别是涉及服务费用条款，免除或者限制公司责任的条款，对您的权利限制条款，争议解决和法律适用条款等，此类条款将以加粗的形式提示您注意。请您审慎阅读并选择接受或不接受本协议（限制民事行为能力人应在监护人或法定代理人陪同下阅读）。除非您接受本协议所有条款，否则您无权注册、使用帐号。您的注册和使用帐号行为将视为您已充分理解本协议（即本协议及后续更新版本或开通或使用某项服务的单项协议），并同意接受本协议各项条款的约束"
        ></van-panel>
        <van-panel title="一、 关于帐号" desc>
          <ol class="textP container textPcolor">
            <li>1. 帐号系由程序所有的用于识别您身份的标识。帐号的所有权属于本公司，您作为初始申请注册人仅拥有您所注册帐号的使用权。</li>
            <li>2. 您亦可通过帐号向商城购买提问币以便您享受本公司及关联公司的各种虚拟产品和增值服务</li>
            <li>3. 本服务条款的效力范围及于本公司及关联公司的一切产品和服务，您在享受任何单项服务时，应当受本服务条款的约束。当您使用本公司各单项服务时，您同意以单项服务要求的方式同意该单项服务的服务条款，在此情况下单项条款与本服务条款同时对您产生效力。若单项条款与本服务条款存在同类条款的冲突，则在单项条款约束范围内应以单项条款为准。</li>
          </ol>
        </van-panel>
        <van-panel title="二、(1)-帐号使用规则" desc>
          <ol class="textP container textPcolor">
            <li>1. 您确认，在您开始注册程序使用服务前，您应当具备中华人民共和国法律规定的与您行为相适应的民事行为能力。若您不具备前述与您行为相适应的民事行为能力，则您及您的监护人应依照法律规定承担因此而导致的一切后果。</li>
            <li>2. 您应提供及时、详尽及准确的个人资料，并不断更新注册资料，符合及时、详尽、准确的要求。您保证在注册时所提交的所有资料（包括但不限于手机号码、邮箱等）真实、准确、合法、有效且系您本人的资料。如果因注册信息不真实或更新不及时而引发的相关问题， 本公司不负任何责任。您可以通过帐号设置页面查询、更正您的信息，您应当通过真实身份信息认证注册帐号，且您提交的帐号名称、头像和简介等注册信息中不得出现违法和不良信息，经审核，如存在上述情况，本公司将不予注册；同时，在注册后，如发现您以虚假信息骗取帐号名称注册，或您的帐号头像、简介等注册信息存在违法和不良信息的，本公司有权不经通知单方采取限期改正、暂停使用、终止帐号等措施。当您按照注册页面提示填写信息、阅读并同意本协议条款且完成全部注册程序后，您可获得帐号并成为用户。</li>
            <li>3. 您应对您帐号项下的所有行为结果（包括但不限于在线签署各类单项条款、发布信息、购买商品及服务及披露信息等）负责。</li>
            <li>4. 由于您的本公司帐号关联您的个人信息及本公司商业信息，您的本公司帐号仅限您本人使用。未经本公司同意，您直接或间接授权第三方使用您本公司帐号或获取您帐号项下信息的行为无效。如本公司根据本公司各平台规则中约定的违约认定程序及标准判断您本公司帐号的使用可能危及您的帐号安全及或本公司信息安全的，本公司可拒绝提供相应服务或终止本协议。</li>
            <li>5. 若您选择第三方帐号登陆本公司的服务，第三方帐号将与您的本公司帐号相关联，本公司将根据您授权第三方提供的信息而使用您的信息（如头像）。您后续使用该本公司帐号的行为受本协议约束。</li>
          </ol>
        </van-panel>
        <van-panel title="二、 (2)-帐号保管和找回" desc>
          <ol class="textP container textPcolor">
            <li>1. 本公司帐号包括帐号名称和密码，您可使用设置的帐号名称（包括帐号ID、手机号）和密码登录，您应妥善保管好您的帐号及密码，定期修改密码，因您个人原因导致的帐号信息遗失，如需找回本公司帐号信息，请按照本公司帐号找回流程提供相应的信息，并确保提供的信息合法真实有效，若提供的信息不符合要求，无法通过本公司安全验证，本公司有权拒绝提供帐号找回服务；</li>
            <li>2. 如果您当前使用的本公司帐号并非您初始申请注册的或通过本公司提供的其他途径获得的，但您却知悉该本公司帐号当前的密码，您不得用该本公司帐号登录或进行任何操作，并请您在第一时间通知本公司或者该本公司帐号的初始申请注册人。</li>
          </ol>
        </van-panel>
        <van-panel title="二、 (3)-帐号转让、帐号安全、帐号回收" desc>
          <ol class="textP container textPcolor">
            <li>1. 您可在本协议约定的范围内使用本公司帐号，您不得恶意注册本公司帐号，不得赠与、借用、租用、有偿或无偿转让或售卖本公司帐号或者以其他方式许可非初始申请注册人使用本公司帐号，本公司有权对上述行为进行独立判断并处理，您应当自行承担由此产生的任何责任，同时本公司保留追究上述行为人法律责任的权利。且由此产生的一切责任均由您承担。</li>
            <li>2. 为了防止资源占用，如您连续24个月未使用您的本公司帐号或未通过本公司认可的其他方式登录过您的帐号，本公司有权对该帐号进行注销，您将不能再通过该帐号登录或使用相关服务。如该帐号有关联的待处理交易或余额等，本公司会在合理范围内协助您处理，请您按照本公司提示的方式进行操作。</li>
            <li>3. 您的帐号为您自行设置并由您保管，本公司任何时候均不会主动要求您提供您的帐号密码。建议您采取特定措施保护您的帐号安全，包括但不限于安装防病毒木马软件、定期更改密码等措施。</li>
            <li>4. 帐号因您主动泄露或因您遭受他人攻击、诈骗等行为导致的损失及后果，本公司并不承担责任，您应通过司法、行政等救济途径向侵权行为人追偿。</li>
          </ol>
        </van-panel>
        <van-panel title="三、 用户权利和义务" desc>
          <ol class="textP container textPcolor">
            <li>1. 您在使用服务时，必须遵守《网络安全法》、《互联网新闻信息服务管理规定》等中华人民共和国相关法律法规的规定，您应同意将不会利用本服务进行任何违法或不正当的活动。</li>
            <li>2. 您违反本协议或相关的服务条款的规定，导致或产生的任何第三方向本公司与合作公司、关联公司主张的任何索赔、要求或损失，包括合理的律师费，您同意赔偿本公司与合作公司、关联公司，并使之免受损害。同时，本公司有权视您的行为性质，采取包括但不限于删除发布信息内容、暂停使用许可、终止服务、限制使用本公司帐号、追究法律责任等措施。同时，本公司会视司法部门的要求，协助调查。</li>
            <li>3. 您不得对本公司服务任何部分或本公司服务之使用或获得，进行复制、拷贝、出售、转售或用于任何其他商业目的。</li>
            <li>4. 您须对自己在使用本公司服务过程中的行为承担法律责任。您承担法律责任的形式包括但不限于：对受到侵害者进行赔偿，以及在本公司首先承担了因您的行为导致的行政处罚或侵权损害赔偿责任后，您应给予本公司等额的赔偿。</li>
            <li>5. 在任何情况下，本公司都不对您或任何第三方因本协议产生的任何间接性、后果性、惩戒性的、偶然的、特殊或惩罚性的损害赔偿承担责任。</li>
          </ol>
        </van-panel>
        <van-panel title="四、 免责声明" desc>
          <ol class="textP container textPcolor">
            <li>
              <strong>1.如发生下述情形，本公司不承担任何法律责任：</strong>
              <ol>
                <li>1.1依据法律规定或相关政府部门的要求提供您的个人信息；</li>
                <li>1.2由于您的使用不当或其他自身原因而导致任何个人信息的泄露；</li>
                <li>1.3 任何由于黑客攻击，电脑病毒的侵入，非法内容信息、骚扰信息的屏蔽，政府管制以及其他任何网络、技术、通信线路、信息安全管理措施等原因造成的服务中断、受阻等不能满足您要求的情形；</li>
                <li>1.4 因第三方如运营商的通讯线路故障、技术问题、网络、电脑故障、系统不稳定及其他因不可抗力造成的损失的情形；</li>
                <li>1.5 使用本公司程序及服务可能存在的来自他人匿名或冒名的含有威胁、诽谤、令人反感或非法内容的信息而招致的风险；</li>
                <li>1.6 用户之间通过本网站或程序及服务与其他用户交往，因受误导或欺骗而导致或可能导致的任何心理、生理上的伤害以及经济上的损失；</li>
                <li>1.7 本公司服务明文声明，不以明示、默示或以任何形式对本公司及其合作公司服务之及时性、安全性、准确性做出担保。</li>
                <li>1.8 您在利用帐号所发布的任何内容并不代表和反映本公司的任何观点或政策，本公司对此不承担任何责任。</li>
                <li>1.9 在任何情况下，本公司均不对任何间接性、后果性、惩罚性、偶然性、特殊性或刑罚性的损害，包括因您使用本公司服务而遭受的利润损失，承担责任。尽管本协议中可能含有相悖的规定，我们对您承担的全部责任，无论因何原因或何种行为方式，始终不超过您在注册期内因使用本公司服务而支付给本公司的费用(如有)。</li>
              </ol>
            </li>
            <li>2. 您可以选择使用您已有的第三方帐号关联帐号，本公司对于因第三方原因对您造成的损失不承担任何责任。</li>
          </ol>
        </van-panel>
      </van-tab>
      <van-tab title="隐私权政策" >
        <van-panel title="概述" desc>
          <ol class="textP container textPcolor">
            <li>我们深知个人信息对您而言的重要性，也感谢您对我们的信任。我们将通过本政策向您说明如何收集、存储、保护、使用及对外提供您的信息，并说明您享有的权利，其中要点如下：</li>
            <li>1、为了便于您了解您在使用我们的服务时，我们需要收集的信息类型与用途，我们将结合具体服务向您逐一说明。</li>
            <li>2、为了向您提供服务所需，我们会按照合法、正当、必要的原则收集您的信息。</li>
            <li>3、如果为了向您提供服务而需要将您的信息共享至第三方，我们将评估该第三方收集信息的合法性、正当性、必要性。我们将要求第三方对您的信息采取保护措施并且严格遵守相关法律法规与监管要求。另外，我们会按照法律法规及国家标准的要求以确认协议、具体场景下的文案确认、弹窗提示等形式征得您的同意或确认第三方已经征得您的同意。</li>
            <li>4、如果为了向您提供服务而需要从第三方获取您的信息，我们将要求第三方说明信息来源，并要求第三方保障其提供信息的合法性；如果我们开展业务需进行的个人信息处理活动超出您原本向第三方提供个人信息时的授权范围，我们将征得您的明确同意。</li>
            <li>5、您可以通过本政策介绍的方式访问和管理您的信息、设置隐私功能、注销账户或进行投诉举报。</li>
          </ol>
        </van-panel>
        <van-panel title="我们如何收集信息" desc>
          <ol class="textP container textPcolor">
            <li>依据法律法规及监管规定履行反洗钱义务及进行实名制管理</li>
            <li>1、在您注册账户或使用服务时，您需提供手机号码或者电子邮箱作为账户登录名。您需按照《非银行支付机构网络支付业务管理办法》的要求提供您的身份基本信息，包括姓名、国籍、性别、职业、住址、联系方式以及有效身份证件的种类、号码和有效期限。如您不提供前述信息，可能无法注册账户或无法使用服务。根据相关法律法规的规定，您需通过身份基本信息多重交叉验证后方可提升余额付款交易累计额度或使用账户余额购买投资理财等金融类产品。身份基本信息外部验证渠道包括政府部门数据库、商业银行信息系统及商业化数据库。其中，如果您选择通过商业银行信息系统验证身份基本信息的，则需要提供您的Ⅰ类银行账户或信用卡信息及银行预留手机号，以便完成验证。如您不提供前述信息，可能无法使用需要通过多重交叉验证后方可使用的部分服务，但不影响您使用我们提供的其他服务；</li>
            <li>2、我们需根据《支付机构反洗钱和反恐怖融资管理办法》等反洗钱相关法律法规及监管要求，提示您适时提供有效身份证件的彩色影印件或照片以供我们核对并留存；如您不提供前述彩色影印件、照片或不同意我们留存，可能无法使用与监管要求相关的部分服务，但不影响您使用我们提供的其他服务。</li>

          </ol>
        </van-panel>
        <van-panel title="我们如何使用Cookie、Beacon、Proxy等技术" desc>
          <ol class="textP container textPcolor">
            <li>为使您获得更轻松的访问体验，您访问本公司网站或使用本公司提供的服务时，我们可能会通过小型数据文件识别您的身份，这么做可帮您省去重复输入注册信息的步骤，或者帮助判断您的账户安全状态。这些数据文件可能是Cookie，Flash Cookie，您的浏览器或关联应用程序提供的其他本地存储（以下简称“Cookie”）。请您理解，我们的某些服务只能通过使用Cookie才可得到实现。如您的浏览器或浏览器附加服务允许，您可以修改对Cookie的接受程度或者拒绝本公司的Cookie。多数浏览器工具条中的“帮助”部分会告诉您怎样防止您的浏览器接受新的Cookie，怎样让您的浏览器在您收到一条新Cookie时通知您或者怎样彻底关闭Cookie。此外，您可以通过改变浏览器附加程序的设置，或通过访问提供商的网页，来关闭或删除浏览器附加程序使用的Flash Cookie及类似数据。但这一举动在某些情况下可能会影响您安全访问本公司网站和使用本公司提供的服务。</li>
            <li>我们网站上还可能包含一些电子图像（以下简称“网络Beacon”），使用网络Beacon可以帮助网站计算浏览网页的用户或访问某些Cookie，我们会通过网络Beacon收集您浏览网页活动的信息（您访问的页面地址、您先前访问的援引页面的位置、您的浏览环境以及显示设定）。</li>
            <li>如您通过我们的网站或APP，使用了由第三方而非本公司提供的服务时，为尽力确保您的账号安全，使您获得更安全的访问体验，我们可能会使用专用的网络协议及代理技术（以下简称“Proxy技术”）。使用Proxy技术，可以帮助您识别到我们已知的高风险站点，减少由此引起的钓鱼、账号泄露等风险，同时更有利于保障您和第三方的共同权益，阻止不法分子篡改您和您希望访问的第三方之间正常服务内容，包括：不安全路由器、非法基站等引起的广告注入、非法内容篡改。在此过程中，我们也可能会获得和保存您设备的IP地址、硬件ID以及您访问的页面位置。</li>
          </ol>
        </van-panel>

      </van-tab>
      <van-tab title="商城协议" disabled>内容 2</van-tab>

    </van-tabs>
    <van-tabbar>
        <van-button type="info" size="large" to="/login?tabs=1">接受并同意当前协议</van-button>
    </van-tabbar>
  </div>
</template>
<script>
/* ... */
export default {
  name: 'agreement',

  mixins: [],

  components: {},

  props: {},

  data () {
    return {}
  },

  computed: {},

  watch: {},

  created () {},

  mounted () {},

  destroyed () {},

  methods: {}
}
</script>

<style lang="less" >
/* ... */
.container {
   margin: 0 15px;
}
.agreement {
  .van-tabs__content {
    margin-bottom: 60px;
    .textP {
      font-size: 12px;
      text-indent: 10px;
    }
    .textPcolor {
      color: #969799;
    }
    ol {
      li {
        margin-bottom: 6px;
      }
    }
    .van-panel::after {
      border: none;
    }
    .van-cell::after {
      border-bottom: none;
    }
  }
}
</style>
